<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>#{lang['web.title.timkiem']}</title>
	<script>
		$(document).ready(function() {
			//$('#nav-nghenghiep').addClass('active');
		});
	</script>
</h:head>
<body>
	<h:form id="form-search">
		<div class="container">
			<div class="row">
				<ul class="list-inline location-page">
					<li><a href="/#{lang['web.url']}/tim-kiem/"
						title="#{lang['web.title.timkiem']}">#{lang['web.title.timkiem']}</a></li>
				</ul>
			</div>
		</div>

		<!-- NỘI DUNG CÁC NGHÊ NGHIỆP -->
		<div class="container">
			<div class="row">
				<div class="hidden-md cls-div-end"></div>
			</div>

			<div class="row">
				<!-- NỘI DUNG -->
				<div class="col-md-9 col-sm-9 col-xs-12 div-search">
					<!-- input tìm kiếm -->
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12 form-group"
							style="margin-top: 0;">
							<div class="main-content-search">
								<p:inputText placeholder="Nhập từ cần tìm kiếm ..."
									styleClass="search-input-text" value="#{searchBean.keySearch}"
									onkeypress="if (event.keyCode == 13){event.preventDefault();$('.search-main-btn').trigger('click')}"></p:inputText>
								<p:commandLink value="Tìm kiếm" styleClass="search-main-btn"
									action="#{searchBean.actionSearch()}"
									update=":form-search:id-plg-result-search" oncomplete="pagin()"></p:commandLink>
							</div>

							<p:selectManyCheckbox styleClass="search-main-chk">
								<f:selectItem itemLabel="Nội bộ" itemValue="1" />
								<f:selectItem itemLabel="Các nguồn khác" itemValue="3" />
							</p:selectManyCheckbox>
						</div>
					</div>
					<!-- end input tìm kiếm -->

					<h:panelGroup id="id-plg-result-search">
						<!-- kết quả -->
						<div class="row ">
							<div class="col-md-12 col-sm-12 col-xs-12 search-row-line">
								<span class="span-result-search">Khoảng
									#{searchBean.totalResult} kết quả</span> <span
									class="span-time-search">Thời gian tìm kiếm:
									#{searchBean.timework} giây</span>
							</div>
							<div class="col-md-12 col-sm-12 col-xs-12 search-row-result">
								<ui:repeat var="search" value="#{searchBean.listSearch}">
									<div class="search-result-child">
										<h3 class="title-result">
											<a href="#{search.sv101}">#{search.sv102}</a>
										</h3>
										<div class="content-result">
											<span class="url-result">#{search.sv101}</span> <span
												class="detail-result">#{search.sv103}</span>
										</div>
									</div>
								</ui:repeat>

							</div>
						</div>
						<!-- end kết quả -->
						<!-- Phân trang -->
						<div class="row text-center">
							<div class="col-md-12 col-sm-12 col-xs-12">
								<h:form>
									<input type="hidden" value="#{searchBean.page.numrow}"
										id="pagin-numrow" />
									<input type="hidden" value="#{searchBean.page.totalpage}"
										id="pagin-totalpage" />
									<input type="hidden" value="#{searchBean.page.currentpage}"
										id="pagin-currentpage" />
									<input type="hidden" value="#{searchBean.page.numrow}"
										id="pagin-numrow" />
									<input type="hidden" value="#{lang['web.title.pageprev']}"
										id="pagin-prev" />
									<input type="hidden" value="#{lang['web.title.pagenext']}"
										id="pagin-next" />

									<ul class="pagination" id="id-pagination"></ul>

									<p:remoteCommand name="remote_gotopage"
										actionListener="#{searchBean.goToPage}"
										update=":form-search:id-plg-result-search"
										oncomplete="pagin()" process="@form"></p:remoteCommand>
								</h:form>
							</div>
						</div>
						<!-- END Phân trang -->
					</h:panelGroup>
				</div>
				<!--END NỘI DUNG -->

				<!-- NỘI DUNG BÊN PHẢI -->
				<div class="col-md-3 col-sm-3 col-xs-12">
					<div class="row">
						<div
							class="hidden-md hidden-sm visible-xs col-xs-12 padding-bottom-20"></div>
						<!-- TIN TUC LIEN QUAN -->
						<div class="col-md-12 col-sm-12 col-xs-12 padding-bottom-20">
							<div class="title-row title-row-child">Tin tức nổi bật</div>
							<div class="news-feature">
								<img alt=""
									src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
								<div class="news-feature-content">
									<h4>
										<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
									</h4>
									<p class="title-date">20/10/2014</p>
								</div>
							</div>
							<div class="news-feature">
								<img alt=""
									src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
								<div class="news-feature-content">
									<h4>
										<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
									</h4>
									<p class="title-date">20/10/2014</p>
								</div>
							</div>
							<div class="news-feature">
								<img alt=""
									src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
								<div class="news-feature-content">
									<h4>
										<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
									</h4>
									<p class="title-date">20/10/2014</p>
								</div>
							</div>
							<div class="news-feature">
								<img alt=""
									src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
								<div class="news-feature-content">
									<h4>
										<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
									</h4>
									<p class="title-date">20/10/2014</p>
								</div>
							</div>
							<div class="news-feature">
								<img alt=""
									src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
								<div class="news-feature-content">
									<h4>
										<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
									</h4>
									<p class="title-date">20/10/2014</p>
								</div>
							</div>
						</div>
						<!-- END TIN TUC LIEN QUAN -->

						<!-- HỔI ĐÁP -->
						<div class="col-md-12 col-sm-12 col-xs-12 padding-bottom-20">
							<div class="title-row title-row-child">Hỏi đáp</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
					</div>
					<!-- HỔI ĐÁP -->
				</div>
				<!-- END TIN TUC LIEN QUAN -->
			</div>
		</div>
		<!--END NỘI DUNG TIN TỨC -->
	</h:form>
</body>
</html>